<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <input type="text" placeholder="请输入0~100之间的整数" id="i1"><br>
    <input type="button" value="猜一猜" onclick="f()">
    <div>结果:<span></span></div>
    <script>
        //得到0-100随机数
        let num =parseInt(Math.random()*101);
        let count=0;
        function f() {
            count++;
            let i = document.querySelector("#i1");
            let s = document.querySelector("span");
            if (isNaN(i.value)){
                s.innerText="输入错误!"
                return;
            }
            if (i.value>num){
                s.innerText="猜大了"
            }else if (i.value<num){
                s.innerText="猜小了"
            }else {
                s.innerText = "恭喜你第"+count+"次猜对了!"
                //次数清零  生成新的随机数
                count=0;
                x = parseInt(Math.random()*101);
            }

        }
    </script>
    </body>
</html>